<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<script src="../../js/mui.min.js"></script>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="./css/grade.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">成绩</h1>
			<a class="mui-icon mui-icon-bars mui-pull-right"></a>
			<!--<h1 class="mui-title mui-title-sn">成绩</h1>-->
		</header>
		<div class="mui-content">
		    <div class="select">
				<select>
					<option>全部成绩</option>
					<option>2017春季</option>
					<option>2017秋季</option>
				</select>
				<table class="gradeTable1">
				<tr>
					<th class="row1">课程名</th>
					<th class="row2">成绩</th>
					<th class="row3">学分</th>
					<th class="row4">课程属性</th>
				</tr>
				</table>
			</div> 
			<!--<table class="gradeTable">
				<tr>
					<th class="row1">课程名</th>
					<th class="row2">成绩</th>
					<th class="row3">学分</th>
					<th class="row4">课程属性</th>
				</tr>
			</table>-->
			
			<div class="mui-scroll-wrapper">
			    <!--<div class="mui-scroll">-->
					<table class="gradeTable2">
						<tr>
							<td class="row1">c++高级程序设计</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">c语言高级程序设计</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">c语言高级程序设计</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">c语言</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">c语言高级程序设计</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">c语言高级程序设计</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">c语言</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">c语言高级程序设计</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">c语言高级程序设计</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">c语言</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">c语言高级程序设计</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">c语言高级程序设计</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">计算机网络</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr><tr>
							<td class="row1">编译原理</td>
							<td class="row2">79.0</td>
							<td class="row3">2.5</td>
							<td class="row4">必修课</td>
						</tr>
					</table>
				<!--</div>-->
			</div>
			<!--<div class="gpa">
				<span>绩点(仅供参考):</span>
				<span>4.99</span>
				<button type="button" class="mui-btn mui-btn-blue mui-btn-outlined">自定义</button>
			</div>-->
		</div>
		<div class="gpa">
				<span>绩点(仅供参考):</span>
				<span>4.99</span>
				<button type="button" class="mui-btn mui-btn-blue mui-btn-outlined">自定义</button>
		</div>
	</body>

</html>

